<#include "/common/layout.html">
<@body>
<body class="gray-bg">
	<div class="wrapper">
		<section class="content">
			<div class="row">
			<div class="col-xs-12">
				<div class="box">
					<div class="form-inline">
						<div class="box-header">
							<#if shiro.hasPermission("addDept")>
								<div class="input-group">
									<a class="btn btn-sm btn-primary dialog" href="javascript:;" data-title="创建部门" data-url="${request.contextPath}/system/dept/add"><i class="fa fa-plus"></i> 创建部门</a>
								</div>
							</#if>
							<#if shiro.hasPermission("deleteDept")>
								<div class="input-group">
									<a class="btn btn-sm btn-danger" delete-batch-url="${request.contextPath}/system/dept/delete" ><i class="fa fa-remove"></i> 批量删除</a>
								</div>
							</#if>
							<div class="input-group input-group-sm">
								<input type="text" name="search_value" id="search_value" class="form-control" placeholder="名称查询">
								<div class="input-group-btn">
									<a href="javascript:;" id="search_data" class="btn btn-default" ><i class="fa fa-search"></i> 搜索</a>
									<a href="javascript:;" id="search_refresh" class="btn btn-default"><i class="fa fa-refresh"></i> 重置</a>
								</div>
							</div>
							<div class="input-group pull-right">
								<button type="button" class="btn btn-sm btn-primary btn-flat" onclick="exportTo('部门数据');"><i class="fa fa-file-excel-o"></i> 导出</button>
							</div>
						</div>
					</div>
					<div class="box-body">
						<table id="dept_initTable" class="table table-bordered table-hover"></table>
					</div>
				</div>
			</div>
			</div>
		</section>
	</div>
</body>
</@body>
<script>
	var editFlag = '${shiro.hasPermission("editDept")}';
	var deleteFlag = '${shiro.hasPermission("deleteDept")}';
	var query_data = {
		search: ''
	}
	var options = {
		id: "dept_initTable",
		ajax: {
			url: "${request.contextPath}/system/dept/listPage",
			type: "POST",
			data: query_data,
		},
		headerCallback: function(e, a, t, n, s) {
			e.getElementsByTagName("th")[0].innerHTML = '<label class="m-checkbox"><input type="checkbox" class="minimal m-group-checkable" value="root"></label>';
			$(e.getElementsByTagName("th")).parent().css("background-color", "#f7f7fa");
		},
		columnDefs: [{
			targets: 0,
			width: "30px",
			orderable: !1,
			render: function(e, a, t, n) {
				return '<label class="m-checkbox"><input type ="checkbox" class="minimal m-checkable" value="' + t.deptId + '"></label>';
			}
		},{
			targets: 1,
			title: "行号",
			orderable: !1,
			render: function(e, a, t, n) {
				return n.row+1;
			}
		},{
			targets: 2,
			title: "部门名称",
			orderable: !1,
			render: function(e, a, t, n) {
				if (t.deptName != null) {
					return t.deptName;
				} else {
					return "";
				}
			}
		},{
			targets: 3,
			title: "描述",
			orderable: !1,
			render: function(e, a, t, n) {
				if (t.deptDesc != null) {
					return t.deptDesc;
				} else {
					return "";
				}
			}
		},{
			targets: 4,
			title: "操作",
			orderable: !1,
			render: function(e, a, t, n) {
				var actions = [];
            	if (editFlag == 'true') {
            		actions.push('<a class="btn btn-primary btn-xs dialog" data-title="编辑部门" data-url="${request.contextPath}/system/dept/edit/'+ t.deptId +'"><i class="fa fa-pencil"></i>编辑</a>')
            	}
            	if (deleteFlag == 'true') {
            		actions.push(' <a class="btn btn-danger btn-xs" delete-url="${request.contextPath}/system/dept/delete" data-id="'+ t.deptId +'"><i class="fa fa-trash"></i>删除</a>')
            	}
				return actions.join('');
			}
		}]
	}
	//渲染表格
	data_oTable = $.table.init(options);
	//搜索
	$("#search_data").off().on("click", function() {
		query_data.search = $("#search_value").val();
		reloadTable();
	});
	//重置
	$("#search_refresh").off().on("click", function() {
		query_data.search = "";
		$("#search_value").val("");
		reloadTable();
	});
	//重新加载表格
	function reloadTable() {
		var oSetting = data_oTable.settings()[0];
		oSetting.ajax.data = query_data;
		data_oTable.draw();
	}
</script>
